/* reset */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",'syht',"PingFang SC","Hiragino Sans GB","Heiti SC",Arial,Tahoma,Verdana,sans-serif}
a{text-decoration:none;color:#000}
li{list-style:none}
img{border:0;vertical-align:top}
.clearbox:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}
.clearbox{zoom:1}
.fl{float:left}
.fr{float:right}
/* public */
.public-center{width:1480px;margin:0 auto}
.center{width:1400px;margin:0 auto}
.h1{font-size:30px;font-weight:900}
.h2{font-size:25px;font-weight:900}
.h1-line{background:#a6d73a;width:60px;height:4px;border-radius:4px;margin:0 auto;margin-top:10px;margin-bottom:40px}
.btn{display:inline-block;height:45px;padding:0 24px;background:#fff;line-height:45px;text-align:center;border-top-right-radius:10px;border-bottom-left-radius:10px;color:#000;cursor:pointer}
.btnchick{color:#fff;background:#a6d73a}
/* 头部 */
.top{position:relative;width:100%}
.swiper-container{position:relative;height:auto}
.swiper-container .dian{width:100%;height:10px;position:absolute;bottom:26px;z-index:20;text-align:center}
.swiper-pagination-switch{display:inline-block;width:40px;height:6px;border-radius:6px;background:#fff;margin:0 5px;opacity:0.8;cursor:pointer}
.swiper-active-switch{background:#a6d73a}
.swiper-container .zuo,.swiper-container .you{height:40px;width:40px;z-index:20;position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);border-radius:50%;text-align:center;line-height:40px;cursor:pointer;opacity:0;transition:all 500ms}
.swiper-container .zuo .iconfont,.swiper-container .you .iconfont{font-size:20px;color:#fff}
.swiper-container .zuo{left:50px}
.swiper-container .zuo:hover{background:rgba(0,0,0,1)}
.swiper-container .you{right:50px}
.swiper-container .you:hover{background:rgba(0,0,0,1)}
.swiper-container:hover .zuo,.swiper-container:hover .you{opacity:1}
.swiper-container .swiper-slide a img:first-child + img{display:none}
.img2{display:none}
.img1,.img2{width:148px;height:70px}
.img1.en,.img2.en{height:55px;width:140px}
.img1 img,.img2 img{width:100%;height:100%}
.swiper-wrapper .swiper-slide img{width:100%}
.top .banner{width:100%;position:relative;overflow:hidden}
.top .banner>img{width:100%}
.top .banner>img:first-child + img{display:none}
.top .header{position:fixed;top:0;z-index:999;width:100%;height:85px;transition:box-shadow 300ms}
.top .header .logo{padding-top:20px}
.top .header .nav-pc{display:flex;height:85px;width:63%;margin-right:30px}
.top .header .nav-pc>li{width:14.2%;cursor:pointer;overflow:hidden;float:left;position:relative}
.top .header .nav-pc>li .liin{width:100%;height:100%}
.top .header .nav-pc>li .liin::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;background-color:#a6d73a;opacity:0;transition:all .5s ease}
.top .header .nav-pc>li .navName::after{content:attr(data-title);position:absolute;top:0;left:0;transform:translateY(100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a6d73a}
.top .header .nav-pc>li .navName{color:#fff;font-size:16px;position:relative;display:block;padding:0;text-align:center;top:0px;transition:top 0.5s ease;line-height:85px}
.top .header .nav-right{display:flex;height:82px;line-height:82px;margin-left:10px}
.top .header .nav-right a{margin-left:25px;color:#fff;cursor:pointer;float:left}
.top .header .nav-right>.iconfont{float:left;margin-left:25px;color:#fff;cursor:pointer;position:relative;width:18px;height:18px}
.top .header .nav-right .sousou{position:absolute;height:30px;width:200px;right:-100px;top:-70px;transition:top 0.5s}
.top .header .nav-right .sousou input{height:30px;width:200px;border-radius:20px;outline:none;padding:0 20px;border:1px solid #3a76d2}
.top .header .nav-right .sousou button{position:absolute;right:10px;height:25px;cursor:pointer;top:30px;border:none;outline:none;background:#fff}
.top .header .nav-right .sousou .iconfont{color:#3a76d2}
.top .header .nav-right>.iconfont:hover .sousou{top:0px}
.top .header:hover{background:#fff;box-shadow:0 3px 4px rgba(0,0,0,0.1)}
.top .header:hover .img1{display:none;transition:all 300ms}
.top .header:hover .img2{display:block;transition:all 300ms}
.top .header:hover li .navName{color:#000}
.top .header:hover .nav-right a{color:#3a76d2}
.top .header:hover .nav-right>.iconfont{color:#3a76d2}
.top .header .nav-pc>li:hover .liin::before{width:100%;opacity:1}
.top .header .nav-pc>li:hover .navName{top:-85px}
/* 下拉列表 */
.top .header .nav-pc .slidbox{position:fixed;top:85px;left:0;right:0;width:100%;overflow:hidden;margin:0 auto;transition:all .5s ease;background:#f5f5f5;height:0px}
.top .header .nav-pc .slidbox .slider{display:flex;max-width:540px;margin:0 auto;justify-content:space-around}
.top .header .nav-pc>li:nth-of-type(2) .slidbox .slider{margin-left:30%}
.top .header .nav-pc>li:nth-of-type(4) .slidbox .slider{margin-left:43%}
.top .header .nav-pc>li:nth-of-type(6) .slidbox .slider{margin-left:55%}
.top .header .nav-pc>li:nth-of-type(7) .slidbox .slider{margin-left:63.5%}
.top .header .nav-pc .slidbox .slider>li{float:left;margin-right:20px}
.top .header .nav-pc .slidbox .slider>li>a{line-height:30px;font-size:16px;color:#333333}
.top .header .nav-pc .slidbox .slider>li:hover a{color:#a6d73a}
.top .header .nav-pc .slidbox .slider>li .slidsan>ul>li>a{font-size:14px;color:#707070;line-height:30px}
.top .header .nav-pc .slidbox .slider>li .slidsan>ul>li:hover a{color:#a6d73a}
.top .header .nav-pc>li:hover .slidbox{height:auto;padding:40px 0px 40px}

/* 二级页面nav */
.nav{height:87px}
.nav .title-h1{width:21%;background:#a6d73a;line-height:87px;text-align:right;font-size:25px;color:#fff;font-weight:900}
.nav .title-h1 a{display:block;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:15px}
.nav .title-p{width:79%;background:#3a76d2;height:87px}
.nav .title-p .btns{margin-top:21px;margin-right:250px;display:flex;justify-content:flex-end}
.nav .title-p .btn{margin-left:10px;float:left}
.nav .title-p .btn:hover{color:#fff;background:#a6d73a;transition:all 300ms}
.top .header .phone-nav{display:none;position:relative}
/* 底部 */
.footer{width:100%;background:#f5f5f5;padding:55px 0 38px;border-bottom:1px solid #4e4e4e}
.indexfooter{background:#fff}
.footer .footer-top .footer-left .phone{padding-top:14px;font-size:18px;color:#333333;font-weight:900}
.footer .footer-top .footer-left .phone1{color:#707070;font-weight:500}
.footer .footerlist{display:flex;margin-left:200px}
.footer .footerlist>li{float:left;font-size:16px;color:#033333;margin-right:80px}
.footer .footerlist>li>.a-line{height:1px;width:32px;background:#a6d73a;margin:10px 0}
.footer .footerlist>li>a{font-size:16px;color:#033333}
.footer .footerlist>li ul li a{font-size:14px;color:#707070;line-height:28px}
.footer .footerlist>li ul li a:hover{text-decoration:underline;transition:all 300ms}
.footer .footer-right p{text-align:center;color:#707070;font-size:15px;margin-top:10px}
.footer-bot{width:100%;background:#373737}
.footer-bot{font-size:15px;color:#e1e1e1;line-height:68px}
.footer-bot a{color:#e1e1e1;margin-left:20px}
.footer-bot a:hover{text-decoration:underline;transition:all 300ms}
